<template>
  <div>
    <!-- 点击下单跳转到这个页面 -->
    <!-- 头部 -->
    <van-nav-bar title="网易严选" fixed placeholder>
      <template #left>
        <router-link to="/home" class="home" style="color: #000">
          <van-icon name="wap-home-o" />
        </router-link>
      </template>
      <template #right>
        <van-icon name="search" @click="toSearch" />
        <van-icon name="shopping-cart-o" @click="toCart" />
      </template>
    </van-nav-bar>
    <!-- 地址 -->
    <van-contact-card
      type="edit"
      :name="currentContact.name"
      :tel="currentContact.tel"
      @click="onEdit"
      style=" border-bottom: 10px solid #f4f4f4;"

    />
    <!-- 优惠券单元格 -->
    <van-coupon-cell/>

    <!-- 底部提交订单 -->
    <van-submit-bar :price="3050" button-text="提交订单" round="false" />
  </div>
</template>

<script>
export default {
  name: "PlaceAnOrder",
  data() {
    return {
      currentContact: {
        name: '张三',
        tel: '13000000000',
      },
    };
  },
  methods: {
    // 顶部搜索的方法
    toSearch() {
      this.$router.push("/search");
    },
    //
    toCart() {
      this.$router.push("/cart");
    },
    onEdit() {
      Toast('编辑');
    },
  },
  
};
</script>

<style scoped lang="less">
.van-icon {
  font-size: 25px;
  color: black !important;
}
</style>